.wrapper {
  width: 100%;
  height: calc(100% - 70px);
}
.wrapper>div {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  margin-bottom: 16px;
}

.top {
  width: 100%;
  /* height: 10%; */
  display: flex;

}

.top>div {
  width: calc((100% - 32px)/3);
  margin-right: 16px;
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
}

.top-item {
  display: flex;
}

.top-bg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 20px;
}

.top-bg>img {
  width: 24px;
  height: 24px;
  display: flex;
  margin: 18px auto;
}

.top-name {
  margin-top: 5px;
}

.top-name>span {
  color: #1D2129;
  font-size: 16px;
  margin-bottom: 5px;
}

.top-name>p {
  font-size: 12x;
  color: #86909C;
}

.top-name>p>span {
  color: #1D2129;
  font-size: 24px;
  font-weight: 500;
}

.middle {
  width: 100%;
  height: calc((90% - 44px)/2);
  display: flex;
}

.middle>div {
  width: calc((100% - 16px)/2);
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
}

h2 {
  color: #1D2129;
  font-size: 20px;
  font-weight: 500;
}

.bottom {
  width: 100%;
  height: calc((90% - 44px)/2);
  background-color: #fff;
  padding: 20px;
}

#leibie,
#leiji,
#all {
  width: 100%;
  height: 95%;
}

.chartFormart {
  width: 250px;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 5px 1px rgba(199, 211, 233, 0.83);
  background: -moz-linear-gradient(top, #F4F7FC 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F7FC), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #F4F7FC 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #F4F7FC 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #F4F7FC 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #F4F7FC 0%, #ffffff 100%);
}

.chartItemFormart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 6px 0 20px 1px rgba(34, 87, 188, 0.1);
  padding: 6px 8px;
  margin-top: 4px;
}